<template>
	<el-container>
		<el-header height='50px'>
			<navHeader></navHeader>
		</el-header>
		<el-container>
			<el-aside width="auto" style='overflow-x: hidden;position: relative;'>
				<navSide></navSide>
			</el-aside>
			<el-main>
				<!-- {{container}} -->

          <keep-alive>
            <router-view></router-view>
          </keep-alive>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
import navHeader from './index/navHeader.vue'
import navSide from './index/navSide.vue'

export default {
  data () {
    return {
      container: 'main'
    }
  },
  components: {
    navHeader,
    navSide
  },
  methods: {},
  mounted () {}
}
</script>

<style>
.el-container {
  height: 100vh;
	overflow: hidden;
}

.el-aside {
  border: 1px solid #eee;
}

.el-header {
  background-color: #0f212e;
  padding: 0;
}

.el-main {
  background-color: rgb(245, 247, 250);
}
.el-menu-item-group__title {
  display: none;
}
</style>
